import React from 'react'
import clsx from 'clsx'
import styles from './styles.module.css'
import DownLoadTabs from '../DownloadTabs'
import Translate from '@docusaurus/Translate'
export default function GetPolyOSpage(): React.JSX.Element {
  return (
    <section className={clsx('hero shadow--lw', styles.heroBanner)}>
      <div className="container">
        <div className="row row--no-gutters">
          <div className="col col--12">
            <div className="col-demo">
              <h1 className="hero__title">
                <Translate
                  id="component.download.GetPolyOSpage.title"
                  description="the title of Get PolyOS page">
                  Download PolyOS now
                </Translate>
              </h1>
              <p className="hero__subtitle">
                <Translate
                  id="component.download.GetPolyOSpage.subtitle"
                  description="the title of Get PolyOS page">
                  We are so glad you have decided to give PolyOS a
                  try. We know you will love it.
                </Translate>
              </p>
            </div>
          </div>
        </div>
        <div className="row row--no-gutters">
          <div className="col col--12">
            <DownLoadTabs />
          </div>
        </div>
      </div>
    </section>
  )
}
